﻿.homelayout .productsarea li {
    float: left;
    width: 45%;
    border: 1px solid #959595;
    margin-left: 20px;
    margin-bottom: 45px;
    border-radius: 5px;
    overflow: hidden;
    height: 230px;    
}

    .homelayout .productsarea li a {
        display: block;
        text-decoration: none;
    }

.homelayout .productsarea .icon {
    position: absolute;
}

    .homelayout .productsarea .icon img {
        position: relative;
        left: 100px;
        top: -60px;
    }

.homelayout .productsarea li h1 {
    color: #333;
    font-size: 2em;
    margin-top: 1.5em;
}

.homelayout .productsarea .keywords {
    margin-top: 1em;
    margin-bottom: 2em;
    color: #333;
}

.homelayout .productsarea .areabutton {
    color: #fff;
    padding: 5px 10px 5px 10px;
}

.homelayout .productsarea span {
    background: #57636d;
    display:none;
}

.homelayout .productsarea li.sehover {
    background: url('/newimages/walls/main/sehover.png') no-repeat;
    background-color: #00aadc;
}

    .homelayout .productsarea li.sehover h1 {
        color: #000;
        text-shadow: 1px 1px 1px #fff;
        font-size: 2em;
    }

    .homelayout .productsarea li.sehover .keywords {
        display:none;
    }
    .homelayout .productsarea li.sehover span {
        display:block;
        color:#fff;
        background:#57636d;
        margin: 0 auto;
        width: 65px;
        font-weight:bold;
        font-size:16px;
        padding: 5px 10px 5px 10px;
        margin-top:25px;
    }
.homelayout .productsarea li.arhover {
    background: url('/newimages/walls/main/arhover.png') no-repeat;
    background-color: #df0135;
}

    .homelayout .productsarea li.arhover h1 {
        color: #000;
        text-shadow: 1px 1px 1px #fff;
        font-size: 2em;
    }

    .homelayout .productsarea li.arhover .keywords {
        display:none;
    }
    .homelayout .productsarea li.arhover span {
        display:block;
        color:#fff;
        background:#96092a;
        margin: 0 auto;
        width: 65px;
        font-weight:bold;
        font-size:16px;
        padding: 5px 10px 5px 10px;
        margin-top:25px;
    }

.homelayout .productsarea li.sphover {
    background: url('/newimages/walls/main/sphover.png') no-repeat;
    background-color: #43aaaa;
}

    .homelayout .productsarea li.sphover h1 {
        color: #000;
        text-shadow: 1px 1px 1px #fff;
        font-size: 2em;
    }

    .homelayout .productsarea li.sphover .keywords {
        display:none;
    }
    .homelayout .productsarea li.sphover span {
        display:block;
        color:#fff;
        background:#1C4949;
        margin: 0 auto;
        width: 65px;
        font-weight:bold;
        font-size:16px;
        padding: 5px 10px 5px 10px;
        margin-top:25px;
    }

.homelayout .productsarea li.wijmohover {
    background: url('/newimages/walls/main/wijmohover.png') no-repeat;
    background-color: #001f29;
}

    .homelayout .productsarea li.wijmohover h1 {
        color: #fff;
    }

    .homelayout .productsarea li.wijmohover .keywords {
        display:none;
    }
    .homelayout .productsarea li.wijmohover span {
        display:block;
        color:#fff;
        background:#0081b0;
        margin: 0 auto;
        width: 65px;
        font-weight:bold;
        font-size:16px;
        padding: 5px 10px 5px 10px;
        margin-top:25px;
    }
